<template>
<view class="login">
	<view class="">
		返回
	</view>
		<view class="">
			登录/注册
		</view>
		<view class="">
			<input type="text" value=""  placeholder="请输入手机号"/>
		</view>
		<view class="">
			<button type="default">发送验证码</button>
		</view>
		<view class="">
		<p>点击按钮表示您同意并愿意遵守</p>
		<p> <span>《隐私协议》</span>和 <span>《服务声明》</span></p>
		</view>
		<view class="">
			<span class="line"></span>
			<span id="font">或者</span>
			<span class="line"></span>
		</view>
		<view class="">
			1111
		</view>
		<view class="">
			先逛逛
		</view>
</view>

</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		methods: {
			
		}
	}
</script>

<style lang="less">
.login{
  background: #F5F5F9;
  height: 100%;
}
.login>view:first-child{
  color: #1B9EE3;
}
.login>view:nth-child(2){
  text-align: center;
  font-size: 80rpx;
  margin: 50rpx  0;
  font-weight: 800;

}
.login>view:nth-child(3) input{
	 background: #FFFFFF;
	 padding: 20rpx 10rpx;
	 border-top: 1px solid #C8C7CC;
	 border-bottom: 1px solid #C8C7CC;
}
.login>view:nth-child(4) button{
	width: 692rpx;
	 padding: 10rpx;
	 margin: 50rpx 30rpx;
}
.login>view:nth-child(5) p{
	text-align: center;
	font-size: 32rpx;
}
.login>view:nth-child(5) p span{
	color: #0099FF;
}
.login>view:nth-child(6) {
	text-align: center;
	line-height: 30rpx;
	display: flex;
	margin: 150rpx 20rpx 0 20rpx;
}
.login>view:nth-child(6) .line{
	width: 280rpx;
	border-top: 1px solid #E4E4E4;
	margin-top: 35rpx;
	}
.login>view:nth-child(6) #font{
		margin: auto 20rpx;
		color: #CCCCCC;
		border: 1px solid #E4E4E4;
		padding: 20rpx;
		border-radius: 50rpx;
		background: #FFFFFF;
	}
	.login>view:nth-child(8){
		text-align: center;
		}
</style>
